.goto_search_title{
  width: 100%;
  height: 0.9rem;
  background-color: #FFFFFF;
  border-bottom: 0.01rem solid #999;
  :global{
    .search_input{
      height: 0.6rem;
      border:0.01rem solid #999;
      font-size: 0.2rem;
      border-radius: 0.3rem;
      margin: 0rem 0.2rem;
      flex: 1;
      position: relative;
      form{
        flex: 1;
        height: 100%;
        padding: 0rem 0.2rem;
      }
      .search_icon{
         position: absolute;
         top: 0;
         bottom: 0;
         right: 0.2rem;
         height: 0.6rem;
        color: #999999;
      }
      input{
        width: 100%;
        height: 100%;
        border: none;
        padding: 0rem;
        font-size: 0.24rem;
        &::placeholder{
          font-size: 0.22rem;
          color:#999;
        }
      }
    }
    .search_cancelbtn{
      font-size: 0.28rem;
      color:#333;
      height:0.8rem;
      line-height: 0.8rem;
      margin-right: 0.2rem;
    }
  }
}

.goto_search_body{
  padding: 0rem 0.2rem;
  //margin-top: 0.2rem;
  :global{
    .search_history{
      height: 0.8rem;
      line-height: 0.8rem;
      font-size: 0.24rem;
      color:#1D1D1D;
      border-bottom: 0.01rem solid #E5E5E5;
    }
    .search_history_item{
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 3rem;
      min-width: 1rem;
      margin-right: .3rem;
      height: 0.6rem;
      line-height: 0.6rem;
      overflow: hidden;
      padding: 0rem 0.2rem;
      color: #1D1D1D;
      border:0.01rem solid #999;
      text-align: center;
      border-radius: 0.3rem;
      margin-top: 0.3rem;
    }
  }
}
